<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head> 
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
  <meta http-equiv="Cache-Control" content="no-transform" /> 
  <meta http-equiv="Cache-Control" content="no-siteapp" /> 
  <meta name="csrf-token" content="{{ csrf_token() }}">
  <link rel="stylesheet" type="text/css" href="/Home/zhuce/Css/landreg.css" /> 
  <link rel="stylesheet" type="text/css" href="/Home/zhuce/Css/common.css" /> 
  <script type="text/javascript" src="/Home/zhuce/Scripts/jquery-1.7.2.min.js"></script> 
  <script src="/Home/zhuce/Scripts/common.js" type="text/javascript">var bgcolor='';</script> 
  <script type="text/javascript" src="/Home/zhuce/Scripts/imgarr.js"></script> 
  <link type="text/css" rel="stylesheet" href="/Home/zhuce/Css/public.css" /> 
  <title>@yield('title','注册')</title> 
 </head> 
 <body> 
  <!--head begin--> 
  <div class="top"> 
   <!--头部页眉--> 
   <div class="top-nav borbot"> 
    <div class="webz clearfix"> 
     <ul class="top-nav-tool clearfix" name="ajax_head" id="ajax_head"> 
    @if(session('name')) 
    <ul class="top-nav-tool clearfix" name="ajax_head" id="ajax_head"> 
    <li class="yg-card"><span><a target="_blank" href="http://www.ugoshop.com/user.php?act=register&amp;194" id="__AD_head_zhuce" rel="nofollow">{{session('success')}}</a></span>|</li>
    <li class="yg-card"><span><a target="_blank" href="{{url('/home/login/loginout')}}" id="__AD_head_denglu" rel="nofollow">退出</a> </span>|</li>
    <li class="yg-card"><span><a target="_blank" href="http://www.ugoshop.com/user.php?act=order_list" id="__AD_head_dingdan" rel="nofollow">我的订单</a> </span>|</li>
    <li class="yg-card"><span><a target="_blank" href="http://www.ugoshop.com/logistics_query.php" rel="nofollow" id="__AD_head_wuliu">物流查询</a></span>|</li>
    </ul>
    @else
    <ul class="top-nav-tool clearfix" name="ajax_head" id="ajax_head"> 
    <li class="yg-card"><span><a target="_blank" href="{{url('/zhuce/zhuce')}}" id="__AD_head_zhuce" rel="nofollow">注册</a> </span>|</li>
    <li class="yg-card"><span><a target="_blank" href="{{url('/home/login/login')}}" id="__AD_head_denglu" rel="nofollow">登录</a> </span>|</li>
    <li class="yg-card"><span><a target="_blank" href="{{url('/home/login/login')}}" id="__AD_head_dingdan" rel="nofollow">我的订单</a> </span>|</li>
    <li class="yg-card"><span><a target="_blank" href="{{url('/home/login/login')}}" rel="nofollow" id="__AD_head_wuliu">物流查询</a></span>|</li>
    </ul>
    @endif 
     </ul> 
    </div> 
   </div> 
   <!--top_nav e--> 
   <!--头部页眉end--> 
  </div> 
  <!--head OVER--> 
  <!--注册开始--> 
  @section('content')
  <div class="welland"> 
   <img src="/Home/zhuce/Picture/logewm.gif" alt="" class="EWM" style="" /> 
   <!--LOGO--> 
   <div class="land_logo"> 
    <input type="hidden" value="" id="jihuo" /> 
    <div class="l land_logo_img"> 
     <a class="l" href="http://www.ugoshop.com" target="_blank"></a> 
     <span class="l reglogo"></span> 
    </div> 
    <p class="r kefuphonenum">已经注册，<a target="_blank" href="{{url('/home/login/login')}}">现在登录》</a></p> 
   </div> 
   <!--LOGO OVER--> 
   <!--regnav begin--> 
   <div class="regnav"> 
    <ul> 
     <!-- <li class="regnav1 on"><span class="icon4">手机注册</span></li>  -->
     <li  class="regnav1 on"><span class="icon2">邮箱注册</span></li> 
    </ul> 
   </div> 
   <!--regnav OVER--> 
   <!--框内开始--> 
   <div class="land_con clearfix"> 
    <!--邮箱注册开始--> 
 
    <div class="phonereg"> 
     <form action="{{url('/zhuce/register')}}" method="post"> 
       <div class="item phone-regName"> 
       <span class="l labname1">用户名:</span>
        <div>
        <input style="width: 400px;height: 30px;font-size: 20px;" name="username" type="text" value="" />
        <div style="display:none ">请输入6~18位字符</div>
        </div>
       </div>
      <div class="item phone-regName"> 
       <span class="l labname1">邮箱：</span>
        <div>
        <input style="width: 400px;height: 30px;font-size: 20px;s" name="email" type="text" value="{{old('email')}}"/>
        <div style="display:none ">请输入邮箱</div>
        </div>
       </div>        
           
        <div class="item phone-regName"> 
       <span class="l labname1">密码:</span>
        <div>
        <input style="width: 400px;height: 30px;font-size: 20px;" name="password" type="password" value="{{old('password')}}" />
        <div style="display:none ">请输入6~18位密码</div>
        </div>
       </div>        
       <div class="item phone-regName"> 
       <span class="l labname1">确认密码:</span>
        <div>
        <input style="width: 400px;height: 30px;font-size: 20px;" name="repassword" type="password" />
        <div style="display:none ">请确认密码</div>
        </div>
       </div>      
        <div class="item phone-regName"> 
        <div>
        <span class="l labname1">验证码:</span>
        <input style="width: 80px;height: 30px;font-size: 20px;" name="yanzhengma" type="text" value=""/>
          <span style="color:red;display:none">请输入验证码</span>
        <div style="padding-left:200px;padding-top:-250px">
        <img src="{{url('/zhuce/vode')}}" name="img" onclick="this.src=this.src+'?a=1'"style="cursor:pointer;padding-top:10px;width: 100px;height:40px" alt=""/>
        </div>
        </div>
       </div>
   
      <div class="item phone-regName" id="itemh2"> 
       <span class="l labname1"></span> 
       <div class="item-ifo l"> 
      <input type="hidden" value="" id="hidden1" /> 
       </div> 
      </div> 
      <div class="item phone-regName" id="itemh3"> 
       <span class="l labname1"></span> 
       <div class="item-ifo l" style="padding-top:30px"> 
        <input type="submit" id="btn1" class="registsubmit" value="" /> 
        <br /> 
        <label>如有疑问请点击<a class="cg" href="/help.html" target="_blank">帮助中心</a>，或拨打客服热线：<em>400-707-0707</em></label> 
       </div> 
      </div> 
      {{csrf_field()}}
     </form> 
    </div> 
   </div>
   <script type="text/javascript" src="/Home/zhuce/Scripts/jquery-1.8.3.min.js"></script>
   <script type="text/javascript">
   //定义全局变量
   var NAME = false;
   var PASS = false;
   var EMAIL = false;
   var REPASS = false;
   var MA = false;
   //绑定提交事件
   $('form').submit(function(){
    $('input').trigger('blur');
    if(NAME && PASS && EMAIL && REPASS && MA){
      return true;
    }
    return false;
   })
   //获取焦点
   $('input').focus(function(){
      $(this).next().show().css('color','green');
   })
   
   //失去焦点 用户名
   $('input[name=username]').blur(function(){
      var name = $(this).val();
      var reg = /^\S{6,18}$/;
      if(!reg.test(name)){
        $(this).next('div').show().html('用户名式不正确').css('color','red');
        NAME = false;
        return false;
      }
      var dd = $(this);
      $.ajaxSetup({
              headers: {
                  'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
              }
      });
      //发送ajax
      $.ajax({
        url:'/zhuce/ajax',
        data:{name:name},
        type:'post',
        // datatype:'json',
        success:function(data){
          //判断
          if(data == 1){
            dd.next('div').show().html('用户名已存在').css('color','red');
            NAME = false;
          }else{
            dd.next('div').show().html('用户名可用').css('color','green');
            NAME = true;
          }
        },
        error:function(){
          alert('ajax错误');
        },
        // timeout:2000,
        //同步
        async:false,

      })
   })
   //失去焦点

   $('input[name=email]').blur(function(){
      var email = $(this).val();
      var reg = /^\w+@\w+\.(com|cn|org|net)$/;
      if(!reg.test(email)){
        $(this).next('div').show().html('邮箱格式不正确').css('color','red');
        EMAIL = false;
        return false;
      }
      var dd = $(this);
      //设置全局配置
         $.ajaxSetup({
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
    });
         //发送post 发送 ajax
      $.post('/zhuce/email',{email:email},function(data){
        if(data == 1){
          dd.next('div').show().html('邮箱可用').css('color','green');
          EMAIL = true;
        }else{
          dd.next('div').show().html('邮箱已注册').css('color','red');
          EMAIL = false;
        }
      })
   })
   //密码失去焦点
  $('input[name=password]').blur(function(){
    var password = $(this).val();
    var reg = /^\w{6,18}$/;
    if(reg.test(password)){
      $(this).next('div').show().html('密码格式正确').css('color','green');
      PASS = true;
    }else{
      $(this).next('div').show().html('密码格式不正确').css('color','red');
      PASS = false;
    }
   })
  //确认密码失去焦点
  $('input[name=repassword]').blur(function(){
    var repass = $(this).val();
    var pass = $('input[name=password]').val();
    //判断密码是否为空
    if(repass == ''){
      $(this).next('div').show().html('密码不能为空').css('color','red');
      REPASS = false;
      return false;
    }
    //判断密码是否一致
    if(repass == pass){
      $(this).next('div').show().html('密码一致').css('color','green');
      REPASS = true;
    }else{
      $(this).next('div').show().html('两次密码不一致').css('color','red');
      REPASS = false;
    }    
  })
  //验证码
  $('input[name=yanzhengma]').blur(function(){
    var ma = $(this).val();
    var yan = $(this);
    //全局配置
     $.ajaxSetup({
          headers: {
              'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
          }
    });
     $.post('/zhuce/yanzheng',{ma:ma},function(data){
         if(data == 2){
          yan.next('span').show().html('').css('color','red');
          MA = true;
         }else{
          yan.next('span').show().html('验证码不正确').css('color','red');
          MA = false;
          return false;
         }
     })
  })
   </script>

   <!--框内结束--> 
  </div>
  @show 
  <div id="focusad"></div> 
  <div id="mg22"></div> 
  <!--注册OVER--> 
  <!--右侧漂浮--> 
  <!--右侧漂浮 s--> 
  <div class="sidebar-out"></div> 
  <div class="sidebar"> 
   <ul class="bar-bot"> 
    <li class="fly-code"> 
     <div class="code-c"> 
      <a class="a-code-c a-sidebar"></a> 
      <p class="code-pic"> <a href="http://www.ugoshop.com/app/" target="_blank"><img alt="优品惠手机APP" src="/Home/zhuce/Picture/code.jpg" width="132" height="182" /></a> </p> 
     </div> </li> 
    <li class="fly-ask"> 
     <div class="ask-c" id="_AD_right_feedback"> 
      <a class="a-ask-c a-sidebar"></a> 
      <p class="slide-hui"><a href="/dc.php?id=1&amp;tp=HomePage.1">调查问卷</a></p> 
     </div> </li> 
    <li class="fly-return"> 
     <div class="return-c" id="_AD_right_top"> 
      <a class="a-return-c a-sidebar"></a> 





      <p class="slide-hui"><a>返回顶部</a></p> 
     </div> </li> 
   </ul> 
  </div> 
  <div class="footer"> 
   <div class="footad webz"> 
    <div class="webz">
     <img alt="" src="/Home/zhuce/Picture/footer_ad.jpg" width="1000" height="102" />
    </div> 
   </div> 
   <div class="webz"> 
    <div class="flist clearfix"> 
     <dl class="flistdl"> 
      <dt>
       新手上路
      </dt> 
      <dd>
       <a target="_blank" href="/article-37.html">新用户注册</a>
      </dd> 
      <dd>
       <a target="_blank" href="/article-46.html">忘记密码</a>
      </dd> 
      <dd>
       <a target="_blank" href="/article-45.html">购物流程</a>
      </dd> 
     </dl> 
     <dl class="flistdl"> 
      <dt>
       支付配送
      </dt> 
      <dd>
       <a target="_blank" href="/article-38.html">货到付款</a>
      </dd> 
      <dd>
       <a target="_blank" href="/article-49.html">支付宝</a>
      </dd> 
      <dd>
       <a target="_blank" href="/article-52.html">配送方式</a>
      </dd> 
     </dl> 
     <dl class="flistdl"> 
      <dt>
       会员服务
      </dt> 
      <dd>
       <a target="_blank" href="/article-54.html">服务承诺</a>
      </dd> 
      <dd>
       <a target="_blank" href="/article-1379.html">会员制度</a>
      </dd> 
      <dd>
       <a target="_blank" href="/article-47.html">积分介绍</a>
      </dd> 
      <dd>
       <a target="_blank" href="/article-40.html">退换货原则</a>
      </dd> 
     </dl> 
     <dl class="flistdl nob"> 
      <dt>
       关于优品惠
      </dt> 
      <dd>
       <a target="_blank" href="/about_index.php">企业介绍</a>
      </dd> 
      <dd>
       <a target="_blank" href="/about_contact.php">联系我们</a>
      </dd> 
      <dd>
       <a target="_blank" href="/about_zhaoshang.php">招商专区</a>
      </dd> 
     </dl> 
     <dl class="flistdl2 clearfix"> 
      <dt class="l">
       <a target="_blank" href="http://www.ugoshop.com/app/"><img alt="" src="/Home/zhuce/Picture/foot_ewm.jpg" width="80" height="80" /><i>手机优品惠</i><em>（优购物）</em></a>
      </dt> 
      <dd class="l">
       <img alt="" src="/Home/zhuce/Picture/foot_dh.jpg" width="149" height="38" />
      </dd> 
     </dl> 
    </div> 
   </div> 
   <div class="footerinfo webw"> 
    <p class="footer-list"><a target="_blank" href="/">首页</a> | <a target="_blank" href="/about_index.php">关于优品惠</a> | <a target="_blank" href="/about_index.php?company=ugo">优购物</a> | <a target="_blank" href="/about_contact.php">联系我们</a> | <a target="_blank" href="/about_join.php">招贤纳士</a> | <a target="_blank" href="/about_zhaoshang.php">招商专区</a> | <a target="_blank" href="http://scm.17ugo.com/">供应商入口</a> | <a target="_blank" href="/link.php">友情链接</a> | <a target="_blank" href="/sitemap.html">网站地图</a> | <a target="_blank" href="http://info.ugoshop.com/">资讯中心</a> | <a target="_blank" href="/review.html">评论</a> | <a target="_blank" href="/photo.html"> 图片</a> </p> 
    <p class="copyright">优品惠（优购物）全球优品特卖网站 专属于千万女性的优品特卖网站,优品惠（优购物）电视购物官方网站,100%正品保证 支持货到付款.</p> 
    <p class="copyright">Copyright&copy;2007-2016 公司名称:北京优品惠网络科技有限公司 统一社会信用代码:91110302339739621C &nbsp;ICP备案号:京ICP备15039150号-1 食品经营许可证编号:JY11131010332635</p> 
    <p class="copyright"> 公司地址:北京市北京经济技术开发区同济南路19号7幢2层C区 联系方式:400-707-0707</p> 
    <div style="margin:0 auto;text-align:center;"> 
     <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11030102000055" style="display:inline-block;text-decoration:none;height:22px;line-height:22px;"> <img src="/Home/zhuce/Picture/bei.png" style="float:left;" /> <p style="float:left;margin: 0px 0px 0px 5px; color:#555;">京公网安备 11030102000055号</p> </a> 
    </div> 
   </div> 
  </div> 
  <script type="text/javascript" src="/Home/zhuce/Scripts/welregister.js"></script> 
  <script type="text/javascript" id="monitorpoint_t_p_c_e_d" src="/Home/zhuce/Scripts/m3.js"></script>  
 </body>
</html>